<template>
	<view class="feedback">
		<textarea class="input" placeholder="输入你的想法" v-model="text"></textarea>
		<view class="submit" v-on:click="bindSubmit()">提交</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				text:''
			}
		},
		methods: {
			bindSubmit() {
				if (this.text.length == 0) {
					uni.showToast({
						icon:'none',
						title:'请输入你的想法'
					})
					return
				}
				var self = this
				uni.showToast({
					icon:'none',
					title:self.text
				})
			}
		}
	}
</script>

<style>
	.feedback {
		background-color: white;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.input {
		width: 90%;
		padding: 10px;
		box-sizing: border-box;
		background-color: #f6f6f6;
		margin-top: 10px;
		border-radius: 5px;
		color: #333333;
		font-size: 16px;
		height: 150px;
	}
	.submit {
		width: 80%;
		background-color: #52CCC7;
		height: 46px;
		line-height: 46px;
		color: white;
		font-size: 20px;
		font-weight: bold;
		border-radius: 23px;
		text-align: center;
		margin-top: 10px;
	}
</style>
